<template>
<div>
  <template>
    <div class="top" >{{oneGroup==null?oneFriend.friendRemark:oneGroup.groupName}}</div>
  </template>
</div>
</template>

<script>

export default {
  name: "MainRegion",
  data() {
    return {
      oneGroup: {},
      oneFriend: {},
    }
  },
  created() {
    this.$EventBus.$on('changeColor',(gList)=>{
      this.oneGroup =  gList;
      this.oneFriend=null
    })

    this.$EventBus.$on('changeFriendColor',(fList)=>{
      this.oneFriend =  fList;
      this.oneGroup=null
    })
  },
}
</script>

<style scoped>
.top{
  height: 50px;
  padding-left: 10px;
  line-height: 50px;
  border-bottom: black 1px solid;
}
</style>
